// 颜色变量
$primary-color: #1e40af; // 主色调：深蓝色
$secondary-color: #3b82f6; // 辅助色：蓝色
$accent-color: #f97316; // 强调色：橙色
$success-color: #10b981; // 成功色：绿色
$warning-color: #f59e0b; // 警告色：黄色
$error-color: #ef4444; // 错误色：红色
$info-color: #3b82f6; // 信息色：蓝色
$text-primary: #1e293b; // 主要文本色：深灰色
$text-secondary: #64748b; // 次要文本色：中灰色
$text-tertiary: #94a3b8; //  tertiary文本色：浅灰色
$background-color: #f8fafc; // 背景色：浅灰色
$card-background: #ffffff; // 卡片背景色：白色
$border-color: #e2e8f0; // 边框色：超浅灰色
$box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
$text-light: #64748b;

// 尺寸变量
$header-height: 60px; // 头部高度
$sidebar-width: 240px; // 侧边栏宽度
$footer-height: 40px; // 底部高度
$page-container-padding: 1rem; // 页面容器内边距
$card-radius: 8px; // 卡片圆角
$button-radius: 4px; // 按钮圆角

// 字体变量
$font-family: 'Inter', system-ui, sans-serif; // 字体族
$font-size-xs: 0.75rem; // 超小字体
$font-size-sm: 0.875rem; // 小字体
$font-size-md: 1rem; // 中等字体
$font-size-lg: 1.125rem; // 大字体
$font-size-xl: 1.25rem; // 超大字体
$font-weight-light: 300; // 轻量级字体
$font-weight-regular: 400; // 常规字体
$font-weight-medium: 500; // 中等粗细字体
$font-weight-semibold: 600; // 半粗体字体
$font-weight-bold: 700; // 粗体字体

// 阴影变量
$shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05); // 小阴影
$shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1); // 中等阴影
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); // 大阴影

// 过渡变量
$transition-fast: 0.2s ease; // 快速过渡
$transition-normal: 0.3s ease; // 正常过渡
$transition-slow: 0.5s ease; // 慢速过渡

// 间距变量
$spacing-xs: 0.25rem; // 超小间距
$spacing-sm: 0.5rem; // 小间距
$spacing-md: 1rem; // 中间距
$spacing-lg: 1.5rem; // 大间距
$spacing-xl: 2rem; // 超大间距
$spacing-2xl: 3rem; // 2倍超大间距

// Z-index 变量
$z-index-header: 100; // 头部层级
$z-index-sidebar: 90; // 侧边栏层级
$z-index-modal: 1000; // 模态框层级
$z-index-dropdown: 500; // 下拉菜单层级
$z-index-tooltip: 800; // 提示框层级
